article, aside, details, figcaption, figure, header, hgroup, nav, section { display:block }html {font-size:100%;}
body {font-size: 14px;font-family: "Microsoft YaHei", "΢ÈíÑźÚ", Arial, sans-serif;line-height: 24px;color: #333;background:#fff;}html,body{height:100%; width:100%; }h2,h3{ font-style:normal; font-weight:normal;}* {margin:0;padding:0}a { color:#333; text-decoration:none;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }a:hover { color:#b30015; }a:active, a:focus, a:hover ,input:focus { outline:0 }.transition { transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }img{ border-style:none;}li{list-style:none}img{border:0;margin:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}.left{ float:left;}.right{ float:right;}.pc { display: block; }.phone { display: none; }.text-left { text-align: left; }.text-center { text-align: center; }.text-right{ text-align:right; }.red{ color:#b30015; }.orange{ color:#922925; }.blue { color: #09357e; }.block{ display:block; }.inline-block{ display:inline-block; }.white {color:#fff; }.gray { color:#999; }.clear { clear: both; }.phonepic { width:100%;}.relative { position:relative; }.absolute { position:absolute; }.wrap { position: relative; max-width: 1400px; margin: 0 auto; }.container {max-width: 1400px; width: 96%; margin:0 auto; }.container-fluid { width:100%;display:block;}


.home2c { height: 20%;width: 100%;z-index: 9;bottom: -20%;clear: both;width: 96%;max-width: 1600px;margin: 2% auto;text-align: left;zoom: 1;position: relative;

} 
.home2c li { width:31%;float: left;margin-left: 3.5%;  }
.home2c li:nth-child(1) { margin-left: 0;  }
.home2c li .pic { overflow: hidden; }
.home2c li .pic img{ transform: scale(1, 1);}
.home2c li:hover .pic img {transform: scale(1.1, 1.1);}
.home2c .text1 { left: 10%;top:18%;z-index: 9;font-weight: bold;font-size: 26px; }
.home2c li:hover .text1 { font-size: 30px; }
.home2c .text2 {margin: 0 10%;top:45%;z-index: 9;color:#fff; font-size: 16px;}
.home2c li:hover .text2 { color:#fff; }

.home3 { background: url(../image/home3bg.jpg) no-repeat;background-size: 100% 100%; }
.home3a { left:5%;top:19%;height: 30%;width: 45%;z-index: 9 }
.home3a .text1 { font-size: 32px;font-weight: bold;margin:0 0 5%; }
.home3a:hover .text1 { font-size: 38px; }
.home3a .line { width:50px;height: 6px;border-radius: 4px;background: #006ec5;margin:0 0 2%; }
.home3a:hover .line { width: 68px; }
.home3a .text2 { font-size: 16px;margin:0 0 5%;color:#666; }
.home3a:hover .text2 { color:#006ec5; }
.home3a .more.m2 { border:#006ec5 1px solid;background: #006ec5;color:#fff; }
.home3a:hover .more.m2 { border:#006ec5 1px solid;background: #111;color:#fff; }
.home3b { left:5%;bottom:4%;width: 45%;z-index: 9 }
.home3c { left:55%;bottom:4%;width: 40%;z-index: 9 }
.home3c li { width: 50%;float: left; overflow: hidden; }
.home3c li .num,.home3b .num { color:#fff;width:30%;left:10%;top:20%;font-size:30px;font-weight:bold;z-index: 9; }
.home3c li:hover .num,.home3b:hover .num { font-size: 36px; }
.home3b .num { top:25%; color: #090705;}
.home3b .text .t2 { color: #000;}
.home3c li .text,.home3b .text { width:85%;left:10%;bottom:20%;z-index: 9; }
.home3c li:hover .text,.home3b:hover .text { font-size: 16px;font-weight: bold;}
.home3c li .text { color:#fff; }
.home3c li .text .t1,.home3b .t1 { width: 20px;height: 20px;line-height: 20px;background: #006ec5;color: #fff; }
.home3c li .text .t2,.home3b .t2 { padding:5% 0 4%;font-size: 22px; }
.home3c li:hover .text .t2,.home3b:hover .t2 { font-size: 26px; }
.home3c li .text .t3,.home3b .t3 { font-size: 12px;line-height: 20px; }
.home3c li:hover .text .t2,.home3b:hover .t2 { color:#006ec5;font-size: 22px; }
.home3c li .pro,.home3b .pro { width:100%;text-align:right;right:1px;top:0;z-index: 8; overflow: hidden;height: 100%; }
.home3b .pro { width: 50%;margin-top:0;height: 100%; }
.home3c li .pro img,.home3b .pro img{ transform: scale(1, 1);}
.home3b:hover .pro img {transform: scale(0.9, 0.9);}
.home3c li:hover .pro img {transform: scale(1.1, 1.1);}

.home3c li:nth-child(3){ margin-top: 5px;}
.home3c li:nth-child(4){ margin-top: 5px;}

.backToTop {position: fixed;right: 1%;bottom: 10px;background:url('../image/backToTop.png') center no-repeat;z-index: 9999;width: 40px;height: 40px;border-radius:40px;display: none;cursor: pointer;}
.fadeInRight { animation:fadeInRight 1s 0.0s both }
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeInLeft { animation:fadeInLeft 1s 0.0s both }
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeIn { animation:fadeIn 1.3s 0.0s both}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
.fadeInUp { animation:fadeInUp 1s 0s both }
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 50px, 0)}100%{opacity:1;transform:none}}
.protd { width: 19%; }
.main.products { background:#e6e8e8 url(../image/probg.jpg) no-repeat top center; }




.home .products .ptypes .active .icon img {
  filter: invert(100%);
}
.home .products {
  width: 90%;
  margin: 30px auto
}

.home .products .t .p1 {
  font-size: 24px
}

.home .products .t a {
  font-size: 16px
}

.home .products .ptypes {
  width: 100%;
  margin: 20px auto;
  flex-wrap: wrap;
  justify-content: flex-start
}

.home .products .ptypes .item {
  width: 10%;
  display: block
}

.home .products .ptypes .item .icon {
  width: 50px;
  height: 50px
}

.home .products .ptypes .item .icon svg {
  max-width: 70%;
  max-height: 70%
}

.home .products .ptypes .item p {
  font-size: 18px
}

.home .products .cboxs .content .dbox1 {
  flex-direction: column
}

.home .products .cboxs .content .dbox1 .l {
  width: 100%
}

.home .products .cboxs .content .dbox1 .r {
  width: 100%;
  margin: 110px 0 0 0;
  height: 140px
}

.home .products .cboxs .content .dbox1 .r a p {
  font-size: 14px;
  position: static;
  margin-top: 10px
}

.home .products .cboxs .content .text {
  bottom: 160px;
  position: absolute;
  left: 0;
  width: 100%
}

.home .products .cboxs .content .text .p1 {
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.home .products .cboxs .content .text .des {
  font-size: 16px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}


.home .products {
  width: 85vw;
  margin: 5vw auto
}

.home .products .t {
  position: relative
}

.home .products .t .p1 {
  color: #333;
  font-size: 2.3vw;
  font-weight: 600;
  text-align: center
}

.home .products .t a {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  color: #000;
  font-size: 1.1vw;
  font-weight: 350
}

.home .products .t a svg {
  display: block;
  margin-left: 10px
}

.home .products .ptypes {
  width: 95%;
  margin: 4vw auto 2vw auto;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px
}

.home .products .ptypes .item {
  text-align: center;
  cursor: pointer
}

.home .products .ptypes .item .icon {
  width: 3.64583vw;
  height: 3.64583vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto
}

.home .products .ptypes .item .icon::before {
  content: '';
  display: block;
  background: linear-gradient(278deg, #006ec5 7.55%, #027bd8 100.45%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0;
  transition: all 600ms;
  z-index: -1
}

.home .products .ptypes .item .icon img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
  transition: all 600ms
}

.home .products .ptypes .item p {
  color: #333;
  /* font-size: 1.1vw; */
  padding: 5px 0 10px 0;
  transition: all 600ms;
  position: relative
}

.home .products .ptypes .item p::after {
  content: '';
  display: block;
  position: absolute;
  left: -10px;
  bottom: 0;
  width: calc(100% + 20px);
  height: 3px;
  background: #006ec5;
  opacity: 0;
  transition: all 600ms
}

.home .products .ptypes .active .icon::before {
  opacity: 1
}

.home .products .ptypes .active .icon img {
  filter: invert(100%)
}

.home .products .ptypes .active p {
  font-weight: bold;
  color: #006ec5
}

.home .products .ptypes .active p::after {
  opacity: 1
}

.home .products .cboxs .content {
  display: none
}

.home .products .cboxs .content .dbox1 {
  justify-content: space-between;
  gap: 3%;
  /* align-items: flex-end; */
  display: flex;
  flex-direction: row;
}

.home .products .cboxs .content .dbox1 .l {
  width: 50%
}

.home .products .cboxs .content .dbox1 .l .pic {
  overflow: hidden;
  display: block
}

.home .products .cboxs .content .dbox1 .l .pic img {
  width: 100%;
  display: block;
  object-fit: cover;
  transition: all 600ms
}

.home .products .cboxs .content .dbox1 .l .pic:hover img {
  transform: scale(1.05)
}

.home .products .cboxs .content .dbox1 .r {
  width: 55%;
  display: flex
}

.home .products .cboxs .content .dbox1 .r a {
  width: 30%;
  display: block;
  position: relative
}

.home .products .cboxs .content .dbox1 .r a .pic img {
  width: 100%;
  display: block;
  object-fit: cover;
  transition: all 600ms;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13)
}

.home .products .cboxs .content .dbox1 .r a p {
  color: rgba(51, 51, 51, 0.8);
  font-size: 1vw;
  position: absolute;
  left: 0;
  bottom: -2.5vw;
  width: 100%;
  text-align: center;
  transition: all 600ms
}

.home .products .cboxs .content .dbox1 .r a:hover .pic img {
  transform: scale(1.05)
}

.home .products .cboxs .content .dbox1 .r a:hover p {
  color: #006ec5
}

.home .products .cboxs .content .dbox1 .r a:nth-child(2) {
  margin: 0 5%
}

.home .products .cboxs .content .text {
  margin-top: 1vw;
  display: block
}

.home .products .cboxs .content .text .p1 {
  color: #006ec5;
  font-size: 1.1vw;
  font-weight: 600
}

.home .products .cboxs .content .text .des {
  color: rgba(51, 51, 51, 0.8);
  font-size: 1vw;
  margin-top: 5px
}

.home .products .cboxs .show {
  display: block
}




@media screen and (max-width:870px) {

}

@media screen and (max-width:1200px) {

}
@media screen and (max-width:767px) {
  .home .products .ptypes .item .icon {
    width: 6.64583vw;
    height: 6.64583vw;
}
.i_solution {
  overflow: hidden;
  background: url(../image/1619604511.jpg) right center no-repeat;
  background-size: cover;
}
.home .products .t .p1 {font-size: 5.3vw;}
.home .products .ptypes {width: 100%;}
.home .products {width: 100vw;margin: 10vw auto;}
}